const templateStr = (position, message, controlId) => {
  const left = `${position.left}px`;

  const top = `${position.top}px`;

  return (
    '<div style="position: absolute; top: 0px; left: 0px; width: 100%;" data-controlId="' +
    controlId +
    '"> \
                <div> \
                    <div class="ant-tooltip ant-tooltip-red ant-tooltip-placement-right " style="left:' +
    left +
    '; top:' +
    top +
    '; transform: translate(-7px, -50%);z-index:1000">  \
                    <div class="ant-tooltip-content"> \
                    <div class="ant-tooltip-arrow">\
                    <span class="ant-tooltip-arrow-content"></span>\
                    </div><div class="ant-tooltip-inner" role="tooltip" data-content="' +
    controlId +
    '">' +
    message.join(',') +
    '</div></div></div></div></div>'
  );
};

export default templateStr;
